﻿
<div class="bs-docs-section">
    
    <div class="row">
        <div class="col-sm-6">
            <!-- #section:elements.tab -->
            <div class="tabbable">
                <ul id="myTab" class="nav nav-tabs">
                    <li class="">
                        <a href="#home" data-toggle="tab">
                            <i class="green ace-icon fa fa-home bigger-120"></i>
                            Home
                        </a>
                    </li>
                    <li class="active">
                        <a href="#messages" data-toggle="tab">
                            Messages
                            <span class="badge badge-danger">4</span>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            Dropdown &nbsp;
                            <i class="ace-icon fa fa-caret-down bigger-110 width-auto"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-info">
                            <li>
                                <a href="#dropdown1" data-toggle="tab">@@fat</a>
                            </li>
                            <li>
                                <a href="#dropdown2" data-toggle="tab">@@mdo</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade" id="home">
                        <p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
                    </div>
                    <div class="tab-pane fade active in" id="messages">
                        <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
                    </div>
                    <div class="tab-pane fade" id="dropdown1">
                        <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
                    </div>
                    <div class="tab-pane fade" id="dropdown2">
                        <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin.</p>
                    </div>
                </div>
            </div>
            <!-- /section:elements.tab -->
        </div><!-- /.col -->
        <div class="vspace-6-sm"></div>
        <div class="col-sm-6">
            <div class="tabbable tabs-below">
                <div class="tab-content">
                    <div class="tab-pane in active" id="home2">
                        <p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
                    </div>
                    <div class="tab-pane" id="profile2">
                        <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
                    </div>
                    <div class="tab-pane" id="dropdown12">
                        <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
                    </div>
                </div>
                <ul id="myTab2" class="nav nav-tabs">
                    <li class="active">
                        <a href="#home2" data-toggle="tab">Home</a>
                    </li>
                    <li>
                        <a href="#profile2" data-toggle="tab">Profile</a>
                    </li>
                    <li>
                        <a href="#dropdown12" data-toggle="tab">More</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="col-sm-6">
        <!-- #section:elements.tab -->
        <div class="tabbable">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="#home" data-toggle="tab">
                        <i class="green ace-icon fa fa-home bigger-120"></i>
                        Home
                    </a>
                </li>
                <li>
                    <a href="#messages" data-toggle="tab">
                        Messages
                        <span class="badge badge-danger">4</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Dropdown &nbsp;
                        <i class="ace-icon fa fa-caret-down bigger-110 width-auto"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-info">
                        <li>
                            <a href="#dropdown1" data-toggle="tab">@@fat</a>
                        </li>
                        <li>
                            <a href="#dropdown2" data-toggle="tab">@@mdo</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane fade in active" id="home">
                    <p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
                </div>
                <div class="tab-pane fade" id="messages">
                    <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
                </div>
                <div class="tab-pane fade" id="dropdown1">
                    <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
                </div>
                <div class="tab-pane fade" id="dropdown2">
                    <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin.</p>
                </div>
            </div>
        </div>
        <!-- /section:elements.tab -->
    </div>

</div>